<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.min.js"></script>
	</head>
	

	  <body>
	     <div id="app">
	       <select v-model="selected" name="fruit">
	         <option v-for="option in optionsList" :value='option.value'>{{option.key}}</option>
	       </select>
	      
	       <div id="output">
	           选择的网站是: {{selected}}
	       </div>
	     </div>
	      
	     <script>
	     new Vue({
	       el: '#app',
	       data: {
	         optionsList:[{
	           key:'选择',
	           value:'Select'
	           },{
	           key:'淘宝',
	           value:'taobao'
	           },{
	           key:'京东',
	           value:'jingd'
	           },{
	           key:'阿里巴巴',
	           value:'alibaba'
	           },{
	           key:'亚马逊',
	           value:'amazon'
	           },{
	           key:'苏宁',
	           value:'suning'
	           },{
	           key:'拼多多',
	           value:'pinduoduo'
	         }],
	         selected: 'Select'
	       }
	     })
	     </script>
	     </body>
	     </html>